{% extends 'PortalMainBundle::layout.html.twig' %}

{% block stylesheets %}
  {{ parent() }}
<style>
        .unread{
            font-weight: bold;
        }
    </style>
{% endblock %}
{% block content %}


    <div class="topSpace row-fluid">
        <h3 class="heady">Tabs</h3>
        <ul class="nav nav-tabs version1">
            <li><a href="{{path('message_inbox')}}">Ирсэн</a></li>
            <li class="active"><a href="{{path('message_outbox')}}">Илгээсэн</a></li>
            <li class=""><a href="#tab3" data-toggle="tab">Устгасан</a></li>
        </ul>
        <div class="tab-content version1">
            <div class="tab-pane active" id="tab1">
            </div> 
            <div class="tab-pane active" id="tab2">

                <div class="span12 ">
                    <div class="pretty-table">
                        <table style="width: 100%">
                            <thead>
                                <tr>
                                    <th>№</th>
                                    <th>Нэр</th>
                                    <th>Гарчиг</th>
                                    <th>Огноо</th>
                                </tr>
                            </thead>
                            <tbody>
   {% set counter = 1 %}
   {% for mail in mailArray %}
                                    <tr>
                                        <td>{{ counter }}</td>
                                        <td>{{ mail.FIRST_NAME }}</td>
                                        <td>{{ mail.TITLE }}</td>
                                        <td>{{ mail.CREATED_AT }}</td>
                                    </tr>
    {% set counter = counter + 1 %}                    
    {% else %}
                                    <tr>
                                        <td colspan="5">Хоосон</td>
                                    </tr>
   {% endfor %}   
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div> 
                <div class="tab-pane" id="tab3">Хоосон.</div> 
            </div>
        </div>

{% endblock %}